<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<script src="commonFragment/header.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="assets/lib/zTree_v3/css/metroStyle/metroStyle.css" />
		<script src="assets/lib/zTree_v3/js/jquery.ztree.all.min.js" type="text/javascript"></script>

	</head>
	<body>
		<div class="container-fluid p-t-15">
			<div class="row">
				<div class="col-lg-12">
					<div class="card">
						<div class="card-header">
							<h4>项目信息</h4>
						</div>
						<div class="card-body">
							<div class="table-responsive">
								<table class="table table-hover">
									<thead>
										<tr>
											<th>#</th>
											<th>项目名称</th>
											<th>开始日期</th>
											<th>截止日期</th>
											<th>状态</th>
											<th>进度</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>设计新主题</td>
											<td>10/02/2019</td>
											<td>12/05/2019</td>
											<td><span class="label label-warning">待定</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-warning" style="width: 45%;">45</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>2</td>
											<td>网站重新设计</td>
											<td>01/03/2019</td>
											<td>12/04/2019</td>
											<td><span class="label label-success">进行中<input class="switch" type="checkbox" checked="checked"
													 data-on-text="启用" data-off-text="停用" data-animate="true" data-size="mini"></span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-success" style="width: 30%;">30</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>3</td>
											<td>模型设计</td>
											<td>10/10/2019</td>
											<td>12/11/2019</td>
											<td><span class="label label-warning">待定</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-warning" style="width: 25%;">25</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td>后台管理系统模板设计</td>
											<td>25/01/2019</td>
											<td>09/05/2019</td>
											<td><span class="label label-success">进行中</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-success" style="width: 55%;">55</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>5</td>
											<td>前端设计</td>
											<td>10/10/2019</td>
											<td>12/12/2019</td>
											<td><span class="label label-danger">未开始</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-danger" style="width: 0%;">0</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>6</td>
											<td>桌面软件测试</td>
											<td>10/01/2019</td>
											<td>29/03/2019</td>
											<td><span class="label label-success">进行中</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-success" style="width: 75%;">75</div>
												</div>
											</td>
										</tr>
										<tr>
											<td>7</td>
											<td>APP改版开发</td>
											<td>25/02/2019</td>
											<td>12/05/2019</td>
											<td><span class="label label-danger">暂停</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-danger" style="width: 15%;"></div>
												</div>
											</td>
										</tr>
										<tr>
											<td>8</td>
											<td>Logo设计</td>
											<td>10/02/2019</td>
											<td>01/03/2019</td>
											<td><span class="label label-warning">完成</span></td>
											<td>
												<div class="progress progress-striped progress-sm">
													<div class="progress-bar progress-bar-success" style="width: 100%;">100</div>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="row">
				<button type="button" onclick="confirm(1);">confirm</button>
				<button type="button" onclick="confirm(2);">dialog</button>
				<button type="button" onclick="confirm(3);">alert</button>
				<script>
					function confirm(type){
				var option = {
					title:'测试',
					content:'我是内容'
				};
				var a
				if(type == 1) {
					
					a = common.confirm("我是谁", function(){
						alert("ok");
					});
				}else if(type == 2){
					a = $.dialog(option);
				}else if(type == 3) {
					a = $.alert(option);
				}
				
			};
		</script>
				<hr />
				<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
					<ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
				</div>
				<hr />
				<input type="text" name="someName" class="icon-picker" />
				<script>
					$(function() {
						$(".icon-picker").iconPicker();
					});
				</script>
			</div>
		</div>
		<script>
		</script>
	</body>

</html>
